<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>三栏式布局</title>
	<style type="text/css">
	*{
		box-sizing:border-box;
	}
		.warp{
			width:100%;
			background: #ccc;
			padding: 20px;
			min-width: 500px;
		}
		img{
			border:1px solid red;
		}
		.left{
			float:left;
			width: 200px;
			background: #fff;
			border:1px solid #999;
		}
		.left img{
			float:left;
			margin: 20px;
		}
		.left p{
			padding: 20px;
		}
		.right{
			float:right;
			width: 120px;
			border: 1px solid #999;
			padding: 20px;
			background: #fff;
		}
		.right img{
			width: 90%;
			margin: 10px 0;
		}
		.container{
			margin-left:220px;
			margin-right:140px;
			height: 2000px;
			border:1px solid green;
			background: #fff;
			overflow:hidden;
		}
	</style>
</head>
<body>
	<div class="warp">
	<div class="left"><img src="0.png" alt="西游战队"><p>西游战队</p></div>
	<div class="right">
		<img src="0.png" alt="">
		<img src="0.png" alt="">
		<img src="0.png" alt="">
		<img src="0.png" alt="">
		<img src="0.png" alt="">
	</div>
	<div class="container">
		<h1>关于西游战队的介绍</h1>
		<p>dsfsdfdsfdsf是电风扇的发生封禅大典 </p>
		<p>sdfsdfds地方水电费地方地方水电费速度快了解放和实地离开地方水利个和对方即可更健康的疯狂就看见两个加快递费ngk/jldfklgkjldflk就考虑到的过hi里的烦恼hi了搞丢更快乐叫对方能看了就给对方的接口费</p>
	</div>
	</div>
	
</body>
</html>